﻿<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<title>Creep</title>
		<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
		<script type="text/javascript" src="js/advertise.js"></script>
		<script type="text/javascript" src="js/menu.js"></script>
		<link rel="stylesheet" href="style/base.css">
		<link rel="stylesheet" href="style/advertise.css">
		<link rel="stylesheet" href="style/main_index.css">
	</head>
	<body>
	<div id="big_wrapper">
		<header id="top_header">
			<img id="logo" src="images/logo.png" />
			<div id="space"></div>
				<div id="search">
						<input type="image" src="images/arrow.gif"/>
							<input type="text" id="searcher" /><div id="mem"><span id="login">登入會員</span><span id="register">加入會員</span></div>
						</div>
						
				<div>
				<ul id="menu">
						<li><a href="#">Men</a>
							<ul>
								<li><a href="">上衣</a></li>
								<li><a href="">下身</a></li>
								<li><a href="">內著居家</a></li>
								<li><a href="">配件</a></li>
							</ul>
						</li>
						<li><a href="#">Women</a>
							<ul>
								<li><a href="">上衣</a></li>
								<li><a href="">下身</a></li>
								<li><a href="">內著居家</a></li>
								<li><a href="">配件</a></li>
															
							</ul>
						</li>
						<li><a href="#">Kids</a>
							<ul>
								<li><a href="">上衣</a></li>
								<li><a href="">下身</a></li>
								<li><a href="">內著居家</a></li>
								<li><a href="">配件</a></li>
							</ul>
						</li>
						<li><a href="#">Style</a>
						</li>
						<li><a href="#">會員專區</a>
							<ul>
								<li><a href="">檢視訂單</a></li>
								<li><a href="">檢視追蹤訂單</a></li>
							</ul>
						</li>
						<li><a href="#">購物車</a></li>
						<li><a href="#">會員登入</a></li>
						<li><a href="#">加入會員</a></li>
					</ul>
					</div>	
		</header>
		<nav id="top_menu">
				
		</nav>
		<section id="main_section">
				<div id="ad-block">
					<div class="abgne-player">
						<ul class="abgne-list">
							<li><a target="_blank" href="#"><img src="images/a1.jpg"></a></li>
							<li><a target="_blank" href="#"><img src="images/a2.jpg"></a></li>
							<li><a target="_blank" href="#"><img src="images/a3.jpg"></a></li>
							<li><a target="_blank" href="#"><img src="images/a4.jpg"></a></li>
							<li><a target="_blank" href="#"><img src="images/a5.jpg"></a></li>
						</ul>
					</div>
					<div class="abgne-control">
						<ul class="arrows"> 
							<li class="prev">&lt;</li> 
							<li class="next">&gt;</li> 
						</ul>
					</div>
				</div>	
				<div id="hot_good">
			<h2>Hot Goods</h2>
			<div id="best_good">
				<img src="images/h0.jpg" title="cloth price"/>
				<img src="images/h1.jpg" />
				<img src="images/h2.jpg" />
				<img src="images/h3.jpg" />
				<img src="images/h4.jpg" />
				<img src="images/h5.jpg" />
				<img src="images/h6.jpg" />
				<img src="images/h7.jpg" />
				<img src="images/h8.jpg" />
			</div>
			
		</div>
		<div id="news">
		<h2>News</h2>
			<ul>
			    <li>特級彈性伸縮，從未體驗過的美腳效果，前所未有的牛仔褲-女裝特級彈性牛仔褲</li>
				<li>UNIQLO羊毛原料採購政策說明</li>
				<li>吸汗快乾，瞬間清爽，DRY：UNIQLO的夏日快乾服裝系列</li>
			</ul>
		</div>
		<div id="advertise">
			<img src="images/ad6.jpg" />
			<img src="images/ad7.jpg" />
		</div>
		</section>
		<footer id="the_footer">
			Copyright black 2012
		</footer>
	</div>
	</body>
</html>